<%--
  Created by IntelliJ IDEA.
  User: 杨铭
  Date: 2022/6/6
  Time: 8:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>



<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



    <title>登陆</title>

    <style>



        * {

            margin: 0;

            padding: 0;

        }



        html {

            height: 100%;

            width: 100%;

            overflow: hidden;

            margin: 0;

            padding: 0;

            background-color:bisque;

            background-repeat: no-repeat;

            background-size: 100% 100%;

            -moz-background-size: 100% 100%;

        }



        body {

            display: flex;

            align-items: center;

            justify-content: center;

            height: 100%;

        }

        #center {



            width:25%;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 50%;

            background-color: rgba(250, 249, 246, 0.479);

            border-radius: 50%;



        }



        p {

            margin-top: 30px;

            margin-left: 20px;

            color: rgb(51, 59, 59);

        }



        input {

            margin-left: 15px;

            border-radius: 5px;

            border-style: hidden;

            height: 30px;

            width: 140px;

            background-color: rgba(119, 173, 209, 0.5);

            outline: none;

            color: #ffffff;

            padding-left: 10px;

        }



        .button {

            border-color: cornsilk;

            background-color: rgba(100, 149, 237, .7);

            color: aliceblue;

            border-style: hidden;

            border-radius: 5px;

            width: 100px;

            height: 31px;

            font-size: 16px;

        }

        a{

            font-size: 17px;

            color:rgb(38, 135, 247);

        }

    </style>

</head>



<body>

<div id="center">

    <form  action="/LoginServlet">

        <h1 style="text-align: center;color:rgba(56, 55, 52, 0.788)">登录</h1><br>

        <hr><br>

        <p>账号<input type="text" placeholder="请输入账号" id="id" name="name"/></p>



        <p>密码<input type="password" placeholder="请输入密码密码" id="password" name="password"/></p>







        <div style="text-align: center;margin-top: 30px;">

            <input type="submit" class="button"  value="登录">

            <input type="reset" class="button" id="a" value="注册"><br><br><br>





        </div>

    </form>

</div>
</body>
</html>

